HTML

<fieldset>
    <legend>Legend Goes Here>/legend<

    <div class="form-group">
        <label for="inputId" class="control-label" >Your Label Goes Here</label>
        <input id="inputId" type="text" class="form-control" />
    </div>
</fieldset>
            

JavaScript

Ajax lookup:

$('#yourInputId').autocomplete({
  serviceUrl: 'yourURLPathGoesHere',
  onSelect: function (suggestion) {
    **do something with the data**
    **example: alert('You selected: ' + suggestion.value + ', ' + suggestion.data);**
  }
});
            

Local lookup (no Ajax):

let demoData = [
  { value: 'Andorra', data: 'AD' },
  // ...
  { value: 'Zimbabwe', data: 'ZZ' }
];
$('#yourInputId2').autocomplete({
  lookup: demoData,
  onSelect: function (suggestion) {
     **do something with the data**
    **example: alert('You selected: ' + suggestion.value + ', ' + suggestion.data);**
  }
});